* {
    margin: 0;
    padding: 0;
}
body {
    background-color: #F5F5F5;
}
a {
   text-decoration: none;
}
header {
   width: 100vw;
   background-color: #ff8a00;
}
.head {
   width: 90%;
   display: flex;
   margin: 0 auto;
}
.header-left {
   flex: 1;
   display: flex;
}
.header-left>img {
   width: 80%;
   height: 100%;
}
.header-right {
   flex: 1;
   display: flex;
   justify-content: flex-end;
   align-items: center;
}
.header-right>img {
   width: 15%;
   height: 70%;
}
.header-right>img:nth-of-type(2) {
   margin-left: 0.2rem;
}

.main {
   width: 100vw;
   background-color: #F5F5F5;
}
.main-1 {
   border-bottom: 0.01rem solid #999;
   font-size: 0.12rem;
   background-color: white;    
   }
.main-1>div {
   width: 90vw;
   margin: 0 auto;
   padding: 0.1rem 0;
}
.main-1>div>span:nth-of-type(1) {
   font-weight: bold;
}
.main-2 {
   width: 100vw;
   font-size: 0.16rem;
   position: relative;
}
.main-2 input {
   width: 100vw;
   padding: 0.2rem 0;
   outline: none;
   border: none;
   border-bottom: 0.01rem solid #65676C;
   font-size: 0.14rem;
   padding-left: 5%;
   box-sizing: border-box;
}
.send {
    padding: 0.1rem 0.05rem;
    background-color: white;
    border: 0.01rem solid #65676C;
    position: absolute;
    top: 5%;
    right: 5%;
}

.main-3 {
   width: 100vw;
   font-size: 0.22rem;
   position: relative;
}
.login {
   font-size: 0.20rem;
   width: 90%;
   margin: 0 auto;
   display: block;
   color: white;
   background-color: #FF8A00;
   border: none;
   padding: 0.1rem 0;
   margin-top: 0.2rem;
}




